<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自己练习</title>
</head>
<body>

    <div id="demo">
        姓: <input type="text" placeholder="请输入 姓" v-model="name1" ><br>
        名: <input type="text" placeholder="请输入 名" v-model="name2"><br>
        <!--fullName1是根据fistName和lastName计算产生-->
        姓 名: <input type="text" placeholder="姓名1" v-model="name1_name2"><br>
    </div>
</body>
</html>
<script src="../js/vue.js"></script>
<script type="text/javascript">
    new Vue({
        el:"#demo",
        data:{
            name1:"A",
            name2:"B",
        },
        computed:{  // 计算属性中一个方法，方法的返回值作为属性值
            name1_name2(){
                console.log('必然会调用一下 name1_name2()')
                return this.name1 + '-' +this.name2
            }

        }
    })
</script>
